.main{
    .banner{
        width: 100%;

        img{
            width: 100%;
        }
    }
    .main-nav{
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        padding: .625rem;
        margin: .375rem 0;
        color: #444;
        font-size: .75rem;

        li{
            text-align: center;
        }
    }
    .category{
        width: 100%;
        margin: .625rem 0;
        background-color: #fff;

        li{
            display: flex;
            align-items: flex-start;
            padding: .625rem;

            .imgbox{
                width: 30%;

                img{
                     width: 100%;
                }
            }
            .title{
                padding: 0 1.25rem;
                width: 70%;

                .title-text{
                    width: 100%;
                    font-size: .875rem;
                    color: #444;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .title-price{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: .9375rem;

                    span{
                        color: #f2a202;
                    }
                }
            }
        }
    }
}

